min -
height
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Ні |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS2 |
|
Значення за умовчанням |
0 |
|
Наслідує |
Ні |
|
Застосовується |
До усіх елементів, окрім вбудованих і таблиць |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w 3.org/TR/CSS21/visudet.html#min - max - heights |
Опис
Задає
мінімальну висоту елементу. Значення висоти елементу обчислюватиметься залежно
від встановлених значень властивостей height, max - height і min - height. У
таблиці. 1 показано, чим керується браузер при спільному використанні вказаних
стильових властивостей.
|
Таблиця. 1. Висота елементу |
|||||
|
Значення
властивостей |
Ширина |
||||
|
min - height |
< |
height |
< |
max - height |
height |
|
min - height |
> |
height |
> |
max - height |
min - height |
|
min - height |
> |
height |
< |
max - height |
min - height |
|
min - height |
< |
height |
|
|
height |
|
min - height |
> |
height |
|
|
min - height |
|
min - height |
> |
|
|
max - height |
min - height |
|
min - height |
< |
|
|
max - height |
max - height |
Дані
з таблиці слід розуміти таким чином. Якщо значення висоти (height) менше
значення min - height, то висота елементу приймається рівною min - height.
Синтаксис
max
- height: значення | відсотки | inherit
Значення
Як
значення приймаються піксели (px), відсотки (%) і інші одиниці виміри, прийняті
в CSS. Негативні значення не допускаються. inherit наслідує значення батька.
Приклад
HTML 4.01CSS 2.1IE 6IE 7IE 8Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>Cloverfield</title> <style type="text/css"> #bottom { background: #66806E url(clover_bottom.png) no - repeat 20px bottom; /* Параметрів фону */ min - height: 80px; /* Мінімальна висота */ color: #E4BC96; /* Колір тексту */ padding: 5px 5px 5px 140px; /* Полів навколо тексту */ } #bottom p { margin: 5px 0; } #bottom a { color: #FFFDE0; } </style> </head> <body> <div id="bottom"> <p>Сайт Cloverfield</p> <p><a href="/info/">Інформація про сайт</a> <a href="/author/">Про автора</a></p> </div> </body></html>
У
цьому прикладі, щоб фонове зображення не обрізалося по верхньому краю, задана
мінімальна висота блоку рівна 80 пікселам. Результат прикладу показаний на мал.
1.
Мал. 1. Висота блоку, задана за
допомогою min, - height
Об'єктна
модель
[window.]document.getElementById("elementID").style.minHeight
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
